<?xml version="1.0" encoding="UTF-8" ?>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="w" uri="/water-tags"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=2.0" />
		<meta name="MobileOptimized" content="240" />
		<s:component template="include-css-main.ftl"></s:component>
		<s:component template="include-css-page.ftl"></s:component>
		<s:component template="include-js-jquery.ftl"></s:component>
		<title>accordion</title>
		<style>
		    .left {
				float: left;
				width: 25%;
			}
			.left-l {
				padding-right: 2px;
				margin-right:  2px;
				border-right: 1px solid #99bbe8
			}
			.right {
				margin-left: 25%;
			    /*background-color: #0000ff;*/
			}
     </style>
	</head>
	<body>
		<s:url id="index_url" value="/"/>
		<a href="${index_url}">主页</a>
		<br />
		<div class="left">
	
				<w:accordion >
					<w:accordionheader title="搜索引擎" expand="true">添加|删除|修改</w:accordionheader>
					<w:accordioncontent expand="true">
						<div class="acc_item" onclick="window.location.href='#';">#</div>
						<div class="acc_item"><a href="http://localhost:8080/jwater-struts2-template-test/demo/container" target="con">container</a></div>
						<div class="acc_item"><a href="http://localhost:8080/jwater-struts2-template-test/demo/layout" target="con">layout</a></div>
						<div class="acc_item"><a href="http://localhost:8080/jwater-struts2-template-test/demo/expand" target="con">expand</a></div>
					</w:accordioncontent>
					<w:accordionheader title="门户" expand="true">添加|删除|修改</w:accordionheader>
					<w:accordioncontent expand="true">
						<div class="acc_item"><a href="http://www.sohu.com" target="con">sohu</a></div>
						<div class="acc_item"><a href="http://www.sina.com" target="con">sina</a></div>
						<div class="acc_item"><a href="http://www.qq.com" target="con">qq</a></div>
					</w:accordioncontent>
					<w:accordionheader title="友情链接" expand="true">添加|删除|修改</w:accordionheader>
					<w:accordioncontent expand="true">
						<div class="acc_item"><a href="#">sohu1</a></div>
						<div class="acc_item"><a href="#">sina1</a></div>
						<div class="acc_item"><a href="#">qq1</a></div>
					</w:accordioncontent>
				</w:accordion>

		</div>
		<div class="right" >
		 <iframe frameborder="0" name="con" width="100%" scrolling="auto" onload="height=con.document.body.scrollHeight"></iframe>
		</div>
	</body>
</html>